<table class="table table-bordered table-hover">
    <thead>
    <tr>
        <th>名称</th>
        <th class="">内容</th>
        <th>开始时间</th>
        <th>结束时间</th>
        <th>申请时间</th>
    </tr>
    </thead>
    <tbody>
        <notempty name="list">
            <volist name="list" id="vo" key="i">
                <tr style="cursor:pointer;">
                    <td>{$vo.title}</td>
                    <td class="formBox">{$vo.formtemplate}</td>
                    <td>{$vo.stime|date='Y-m-d',###}</td>
                    <td>{$vo.etime|date='Y-m-d',###}</td>
                    <td>{$vo.createtime|date='Y-m-d',###}</td>
                </tr>
            </volist>
            <else />
            <tr><td colspan="5" style="text-align: center;">无加班请假记录</td></tr>
        </notempty>
    </tbody>
    <style>
        .table tbody tr td{vertical-align: middle;}
        .table th{border-bottom: none!important;}
    </style>
    <script>
        $('.formBox .form-control ').each(function(index, element) {
            var hidden = $('.hidden').val();
            $('.hidden').replaceWith('');
            var val = $(this).val();
            $(this).replaceWith('<span style="color:#f60;">'+val+'</span>');
        });
        //当数据成功获取的时候将选择项转化为纯文本
        $('.formBox .single-row').each(function(index, element) {
            $(this).find('*').unbind();
            if($(this).find(".checked").length==0){
                $(this).parent().remove();
            }else{
                var input=$(this).find(".checked").removeAttr("class").parent().next();
                if(isNaN(Number(input.val()))){
                    //input.attr("type","number").addClass('form-control').css('max-width','110px');
                }
            }
            //显示出可点击的框框
            if($(this).find('.sourcePanel').length){
                $(this).parent().addClass('sourceEdit');
            }
        });
        $('.formBox form').each(function(){
            var table=$(this).html();
            table=table.replace(/<[^>]+>/g,"");
            $(this).replaceWith(table);
        });
    </script>
</table>